 body {margin-top:120px;text-shadow: rgba(50,50,50,.3) 1px 1px 3px;text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}
body,button, input, select, textarea,code,h1 ,h2, h3, h4, h5, h6 { font-family: Microsoft YaHei, Tahoma, Helvetica, Arial, sans-serif;}
footer{padding-top: 30px;margin-top: 100px;color: #777;text-align: center;border-top: 1px solid #e5e5e5;}
.panel-bg {background: #eee;}
.sfuser-next-form, .panel-bg ol{margin: 1em;color: rgba(0,0,0,0.5);font-size: 1.5em;font-weight: bold;}
.test-form-message{padding-top: 7px;margin-top: 0;margin-bottom: 0;font-size: 14px;}
.alert p{font-size:14px;}
.cursor{cursor: pointer;}
.dkjohn-next{height:3.6em\9}
.panel-default >.panel-heading{
	background-color: #F9FBFF;
}
.panel-body {
	font-size: 1.2em;
	background-color: rgb(218, 230, 229);
}
.panel-intro ol li {
	line-height: 45px;
}
.techbg{
	background-color: rgb(190, 239, 255);
}
nav {
    position:fixed;
    margin:0px;
    padding:0px;
    top:0;
    left:0;
    width: 100%;
    height: 77px;
    background-color:white;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(23, 23, 23, 0.24);
    box-shadow: 0px 1px 0px 0px rgba(23, 23, 23, 0.24);
    z-index:200;
}

nav #logo {    
    margin-top:17px;
    padding:0px; 
    display: inline-block;
     +float: left;
}

nav #logo a {
    outline: none;
    font-size: 24px;
}


#navigation {
    float:right;
    margin-top: 17px;
}

#navigation ul {
    list-style: none;
}

#navigation ul li {
    float:left;   
}

#navigation a {
    font-weight:700;
	position: relative;
	display: inline-block;
	outline: none;
	color: #6e6e6e;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0,5px;
	font-size: 13px;
    margin-left:42px;
    margin-top:15px;
}

#navigation a:hover,
#navigation a:focus {
	outline: none;
}

#navigation a {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

#navigation a:focus::before,
#navigation a:hover::before
{
	color: #000;
	
}

#navigation a:hover,
#navigation a:focus {
	color: #000;
}


.cbp-spmenu {
	background: #3c3f41;
	position: fixed;
    width: 240px;
	height: 100%;
	top: 0;
	z-index: 1000;
    left: -240px;
    text-align:center;
}

.cbp-spmenu h3 {
    text-transform: uppercase;
    font-weight:700;
	color: #2d2e30;
	font-size: 20px;
	padding: 20px;
	margin: 0;
	font-weight: 300;
	background: #3c3f41;
}

.cbp-spmenu a {
    text-decoration: none;
    text-transform: uppercase;
    font-weight:700;
	display: block;
	color: #fff;
	font-size: 15px;
    border-bottom: 1px solid #434546;
	padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.cbp-spmenu a:hover {
	background: #2d2e30;
}

.cbp-spmenu a:active {
	background: #2d2e30;
	color: #8d9b9f;
}

.cbp-spmenu.cbp-spmenu-open {
	left: 0px;
}

.cbp-spmenu {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#navigation_mobile { 
    float:right;
    display: inline-block;
}
#cbp-spmenu ul{
    list-style: none;
    padding-left:0px;   
}

#showLeft {
    float:right;
    margin-top:24px;
}

.button_nav {
	background-color:#ffffff;
	-webkit-border-top-left-radius:100px;
	-moz-border-radius-topleft:100px;
	border-top-left-radius:100px;
	-webkit-border-top-right-radius:100px;
	-moz-border-radius-topright:100px;
	border-top-right-radius:100px;
	-webkit-border-bottom-right-radius:100px;
	-moz-border-radius-bottomright:100px;
	border-bottom-right-radius:100px;
	-webkit-border-bottom-left-radius:100px;
	-moz-border-radius-bottomleft:100px;
	border-bottom-left-radius:100px;
	text-indent:0;
	border:2px solid #DD8CEE;
	display:inline-block;
	color:#DD8CEE;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	height:auto;
	width:auto;
	text-decoration:none;
	text-align:center;
    padding:5px;
    padding-top:8px;
    width:39px;
    outline: none;
}

.button_nav:hover {
	background-color:#f7f9fa;
}

.button_nav:active {
	position:relative;
	top:1px;
    
}

#home {
    height:574px;
    width:100%;
    background-color: #7cb854;
    background-image: url(../image/index/home-bg.jpg);
    background-position:center;
    background-repeat:no-repeat;
    overflow-y:hidden;
    text-align:center;
    position:relative;
}

#home h1, #home blockquote {
    color:white;
}
#home blockquote {
    margin-top:165px;
}

#footer {
	margin-top: 40px;
    padding-top:40px;
    padding-bottom:38px;
    border-top: 1px solid #e5e5e5;
}
#footer p {
    margin:0px;
    padding:0px;
    text-align:center;
}